Been tryna follow the docs here, https://circletype.labwire.ca/, on how to set this up and think I've followed everything correctly, however, the expected result isn't what I get.

In the examples on the page referenced above, the text inside the target element gets pulled into the "aria-label" attribute, whereas for me it's always blank.

Here's my code:

<div id="circular-text_wrapper" class="absolute circular-text_wrapper">
    <span id="circular-text" class="circular-text">Reviews Reviews Reviews</span>
</div>

.circular-text_wrapper {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;

    .circular-text {
        color: transparent;
        -webkit-text-stroke: 1px $navy;
        font-family: $sedgwickAveDisplay;
        font-size: 24px;
        font-weight: 400;
        font-style: normal;
        line-height: 24px;
        text-transform: uppercase;
    }
}

const circleType    =   new CircleType(
    document.getElementById('circular-text')
).radius();

The circletype.min.js file is pulling in ahead of the above JS, and I'm not getting any errors in the console - and as far as I can tell it is at least trying to work as it does remove my text from #circular-text, just never adds it to the aria-label for whatever reason.

You can inspect the code here, https://matthewmeaklim.com - it's inside the image within the reviews section just above the footer.

Thanks,

Matthew